<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>新芽后台管理系统</title>
    <link rel="shortcut icon" href="/asserts/images/favicon.ico" type="image/x-icon">
    <link href="http://dd.ddandang.top/css/bootstrap.min.css" rel="stylesheet">
    <link href="/asserts/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="http://dd.ddandang.top/css/style.min.css" rel="stylesheet">
    <link href="http://dd.ddandang.top/css/default.css" rel="stylesheet">
    <link href="http://dd.ddandang.top/layui/css/layui.css" rel="stylesheet" />

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.css">
    <!--对框框-->
    <link href="/asserts/js/jconfirm/jquery_confirm.min.css" rel="stylesheet">
    <link href="/asserts/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
</head>
<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--引入leftNavigation左边导航栏-->
        <div th:include="~{common/module::leftNavigation(flag = 'employeeManage',active='employeeList')}"></div>

        <!--头部信息-->
        <div th:include="~{common/module::headerInformation(headerMessage=' 员工管理->员工列表')}"></div>

        <div class="lyear-layout-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="card-toolbar clearfix">
                                    <div class="toolbar-btn-action">
                                        <!--增加员工-->
                                        <button type="button" class="btn btn-primary m-r-5" data-toggle="modal" data-target=".bs-example-modal-lg">增加员工</button>
                                        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                            <div class="modal-dialog modal-lg" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                                                        <h3 class="modal-title" id="myModalLabel">增加员工</h3>
                                                    </div>
                                                    <div class="modal-body">
                                                        <div class="form-group">
                                                            <label for="account">账号</label>
                                                            <input type="text" class="form-control" id="account" onkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')" placeholder="请输入账号：">
                                                            <div id="mes1" class="invalid-feedback">
                                                                该账号已存在
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="name">姓名</label>
                                                            <input type="text" class="form-control" id="name" onkeyup="value=value.replace(/[\d]/g,'') " placeholder="请输入姓名：">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="phone">手机号</label>
                                                            <input type="text" class="form-control" id="phone" maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')" placeholder="请输入手机号：">
                                                            <div id="mes2" class="invalid-feedback">
                                                                手机号格式不正确，请重新输入！
                                                            </div>
                                                        </div>

                                                        <div class="form-group">
                                                            <form class="layui-form">
                                                                <div class="layui-form-item">
                                                                    <label for="phone">选择地址</label><br/>
                                                                    <div class="layui-inline" id="province">
                                                                        <label>
                                                                            <select name="province" class="province" lay-verify="required" lay-search lay-filter="province">
                                                                                <option value="">省份</option>
                                                                            </select>
                                                                        </label>
                                                                    </div>
                                                                    <div class="layui-inline" id="city">
                                                                        <label>
                                                                            <select name="city" class="city" lay-verify="required" lay-search lay-filter="city">
                                                                                <option value="">地级市</option>
                                                                            </select>
                                                                        </label>
                                                                    </div>
                                                                    <div class="layui-inline" id="county">
                                                                        <label>
                                                                            <select name="district" class="district" lay-verify="required" lay-search>
                                                                                <option value="">县/区</option>
                                                                            </select>
                                                                        </label>
                                                                    </div>
                                                                    <div id="mes5" class="invalid-feedback">
                                                                        请选择地址！
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="password">新密码</label>
                                                            <input id="password" class="form-control" maxlength="18" minlength="6" type="password" name="password" placeholder="请输入新密码"   >
                                                            <div id="mes3" class="invalid-feedback">
                                                                密码必须在6~18位之间!
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="passwords">确认密码</label>
                                                            <input type="password" class="form-control" id="passwords" name="passwords" placeholder="请确认密码：">
                                                            <div id="mes4" class="invalid-feedback">
                                                                两次密码必须相同 且在6~18位之间!
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                        <button type="button" th:id="addBtn" class="btn btn-primary">确认</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <br/><br/>

                                <!--确认删除模态框-->
                                <div class="modal fade bs-example-modal-sm" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
                                    <div class="modal-dialog modal-sm" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                                                <h4 class="modal-title" id="myLargeModalLabel">是否删除员工</h4>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                <button type="button" class="btn btn-primary" id="delete_btn">确认删除</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="table-responsive">
                                    <table id="table"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<script type="text/javascript" src="http://dd.ddandang.top/js/jquery-3.5.0.min.js"></script>
<script type="text/javascript" src="/asserts/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/asserts/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/asserts/js/main.min.js"></script>
<script type="text/javascript" src="http://dd.ddandang.top/js/default.js"></script>
<script type="text/javascript" src="http://dd.ddandang.top/layui/layui.js"></script>
<script type="text/javascript" src="http://dd.ddandang.top/js/area.js"></script>
<script type="text/javascript" src="http://dd.ddandang.top/js/selectMore.js"></script>

<!--对话框-->
<script type="text/javascript" src="/asserts/js/jconfirm/jquery_confirm.min.js"></script>

<script type="text/javascript" src="/asserts/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/asserts/js/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="/asserts/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>

<script type="text/javascript" src="/asserts/js/admin/employeeList.js"></script>

</body>
</html>